<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>珠峰培训</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <!--DEV-->
    <link rel="stylesheet/less" href="css/index.less">
    <script src="js/less-2.5.3.min.js"></script>
</head>
<body>
<main class="mainBox">
    <!--HEADER-->
    <header class="headerBox">
        <section class="baseBox clearfix">
            <h1><a href="#" class="icon-logo"></a>新浪网</h1>

            <a href="javascript:;" class="menu icon-menu"></a>
            <a href="#" class="person icon-user"></a>
            <a href="#" class="weather"></a>
        </section>
        <nav class="navBox">
            <a href="#">新闻</a>
            <a href="#">财经</a>
            <a href="#">体育</a>
            <a href="#">娱乐</a>
            <a href="#">军事</a>
            <a href="#">汽车</a>
            <a href="#">科技</a>
            <a href="#">视频</a>
            <a href="#">美图</a>
            <a href="#">NBA</a>
            <a href="#">博客</a>
        </nav>
    </header>

    <!--BANNER-->
    <section class="swiper-container bannerBox">
        <div class="swiper-wrapper">
            <!--<div class="swiper-slide">
                <a href="#">
                    <img src="images/1.jpg" alt="">
                    <p>最后的“国家司法考试”现场</p>
                </a>
            </div>-->
        </div>
        <div class="swiper-pagination"></div>
    </section>

    <!--LIVE-->
    <section class="liveBox">
        <span class="tag"></span>
        <div class="swiper-container liveCon">
            <div class="swiper-wrapper">
                <!--<div class="swiper-slide"><a href="#">恭喜珠峰培训成立珠峰大学</a></div>-->
            </div>
        </div>
    </section>

    <!--NEWS-->
    <section class="newsBox">
        <!--<ul class="newsGroup">
            <li><a href="#">
                <div><img data-src="images/news.jpg" alt=""></div>
                <h3>房企再次涌入到三四线市场，持久性待考察</h3>
                <span>39万<i class="icon-comment"></i></span>
            </a></li>

            <li class="latest"><a href="#">
                <h3>房企再次涌入到三四线市场，持久性待考察</h3>
                <div>
                    <p><img data-src="" alt=""></p>
                    <p><img data-src="" alt=""></p>
                    <p><img data-src="" alt=""></p>
                </div>
                <span>39万<i class="icon-comment"></i></span>
            </a></li>
        </ul>-->
    </section>
</main>

<!--IMPORT JS-->
<script src="js/zepto.min.js"></script>
<script src="js/swiper-3.4.2.jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>